<template>
	<view class="contact-popup">
		<u-popup ref="popup" v-model="popupShow" mode="center" closeable :custom-style="{background: 'transparent'}">
			<view class="contact-popup">
				<!-- <view class="contact-popup-close" @click="popupClose()">
					<u-image width="80rpx" height="80rpx" src="/static/images/img/bank-add.png" border-radius="8rpx 8rpx 0 0"></u-image>
				</view> -->
				<view>
					<image class="contact-popup-image" mode="widthFix" show-menu-by-longpress :src="img" border-radius="8rpx 8rpx 0 0"></image>
				</view>
				
			</view>
		</u-popup>
	</view>
</template>

<script>
	import uniPopup from "@/components/uni-popup"
	
	export default {
	
		data() {
			return {
				popupShow:false,
				img:'',
			}
		},
		components: {
			uniPopup
		},
		
		created() {
			this.contactUs()
		},
		
		methods:{
			contactUs(){
				this.$http.contactUs({}).then(res => {
					if (res.status == 200) {
						this.img = res.data.img
						this.popupShow = res.data.status
					}
				})
			},
			
			popupClose(){
				this.popupShow = false
			}
		}
	}
</script>

<style lang="scss" scoped>
	/deep/ .u-mode-center-box{
		background-color: #ccc0;
	}
	.contact-popup{
		position: relative;
		&-close{
			position: absolute;
			right: 10upx;
			top: 10upx;
			z-index: 100;
			transform:rotate(130deg);
		}
		&-image{
			border-radius: 40upx;
		}
	}
	
</style>